<div class="reset-form-body">
    <div class="reset-title">
        <h1>通过手机找回</h1>
    </div>

    <form nz-form class="loginForm" [formGroup]="resetPwsForm">
        <!--  手机号码-->
        <nz-form-item>
            <nz-form-label [nzSpan]="5" nzRequired>手机号码</nz-form-label>
            <nz-form-control [nzSpan]="24">
                <nz-input-group>
                    <input nz-input placeholder="手机" formControlName="mobile" name="mobile" type="text" id="mobile" />
                </nz-input-group>
                <nz-form-explain *ngIf="resetPwsForm.get('mobile').dirty && resetPwsForm.get('mobile').errors">请填写正确手机号码
                </nz-form-explain>
            </nz-form-control>
        </nz-form-item>
<!-- 验证码 -->
        <nz-form-item>
            <nz-form-control>
                <nz-form-label [nzSpan]="5" nzRequired>验证码</nz-form-label>
                <nz-input-group [nzSuffix]="verifyCodeTemplate">
                    <input nz-input type="text" formControlName="verifyCode" name="verifyCode" placeholder="验证码" />
                </nz-input-group>
                <ng-template #verifyCodeTemplate>
                    <a (click)='toSendCode()' *ngIf='!sendCodeType'>获取验证码</a>
                    <a *ngIf='sendCodeType'>{{sendCodeNum}}秒</a>
                </ng-template>
                <nz-form-explain *ngIf="resetPwsForm.get('verifyCode').dirty && resetPwsForm.get('verifyCode').errors">
                    请输入验证码</nz-form-explain>
            </nz-form-control>
        </nz-form-item>
<!-- 密码 -->
        <nz-form-item>
            <nz-form-control [nzSpan]="24">
                <nz-form-label [nzSpan]="5" nzRequired>密码</nz-form-label>
                <nz-input-group [nzPrefix]="newPwdLock">
                    <input nz-input formControlName="loginPw" name="loginPw" type="password" id="loginPw" placeholder="密码">
                </nz-input-group>
                <nz-form-explain *ngIf="resetPwsForm.get('loginPw').dirty && resetPwsForm.get('loginPw').errors">输入密码不正确
                </nz-form-explain>
            </nz-form-control>
        </nz-form-item>
<!-- 确认密码 -->
        <nz-form-item>
            <nz-form-control [nzSpan]="24">
                <nz-form-label [nzSpan]="5" nzRequired>确认密码</nz-form-label>
                <nz-input-group [nzPrefix]="newConfirmPwdLock">
                    <input nz-input formControlName="reLoginPw" name="reLoginPw" type="password"
                        id="reLoginPw" placeholder="再输密码">
                </nz-input-group>
                <nz-form-explain
                    *ngIf="resetPwsForm.get('reLoginPw').dirty && resetPwsForm.get('reLoginPw').errors">输入密码不正确
                </nz-form-explain>
            </nz-form-control>
        </nz-form-item>
<!-- 重置 -->
        <nz-form-item>
            <nz-form-control>
                <button nz-button [nzType]="'primary'" (click)="submit(resetPwsForm.value)"
                    [disabled]="resetPwsForm.invalid">重置密码</button>
            </nz-form-control>
        </nz-form-item>

    </form>
</div>